<!DOCTYPE html>
<html lang="en">
<!--
	Bent - Bootstrap Landing Page Template by Dcrazed
	Site: https://dcrazed.com/bent-app-landing-page-template/
	Free for personal and commercial use under GNU GPL 3.0 license.
-->

<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    a {
        text-decoration: none;
    }

    .img-weixin {
        max-width: 100%;
        height: auto;
    }

    .weixin-tip {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8);
        filter: alpha(opacity=80);
        height: 100%;
        width: 100%;
        z-index: 100;
    }

    .weixin-tip p {
        text-align: center;
        margin-top: 10%;
        padding: 0 5%;
    }
</style>



<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>雍和健康</title>
    <!-- Google Font -->
    <link href='css/fontsRaleway.css' rel='stylesheet' type='text/css'>

    <link href='css/fontsSourceSansPro.css' rel='stylesheet' type='text/css'>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">


    <!-- Pixeden Icon Font -->
    <link rel="stylesheet" href="css/Pe-icon-7-stroke.css">

    <!-- Font Awesome -->
    <link href="css/font-awesome.min.css" rel="stylesheet">


    <!-- PrettyPhoto -->
    <link href="css/prettyPhoto.css" rel="stylesheet">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

    <!-- Style -->
    <link href="css/style.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="css/responsive.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<!-- PRELOADER -->
<div class="spn_hol">
    <div class="spinner">
        <div class="bounce1"></div>
        <div class="bounce2"></div>
        <div class="bounce3"></div>
    </div>
</div>

<!-- END PRELOADER -->

<!-- =========================
    START ABOUT US SECTION
============================== -->
<section class="header parallax home-parallax page" id="HOME">
    <h2></h2>
    <div class="section_overlay">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">ABOUT USABOUT US</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="images/logo.svg" alt="Logo">
                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <!-- NAV -->
                        <li><a href="#HOME">主页</a></li>
                        <li><a href="#ABOUT">产品介绍</a></li>
                        <li><a href="#FEATURES">产品特征</a></li>
                        <li><a href="#SCREENS">了解更多</a></li>
                        <li><a href="#DOWNLOAD">下载 </a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container- -->
        </nav>

        <div class="container home-container">
            <div class="row">
                <div class="col-md-12">
                    <div class="logo text-center">
                        <!-- LOGO -->
                        <img width="300" height="80" src="images/logo.svg" alt="">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-sm-8">
                    <div class="home_text">
                        <!-- TITLE AND DESC -->
                        <h1>治未病</h1>
                        <p>圣人不治已病治未病，不治已乱治未乱，此之谓也</p>

                        <div class="download-btn">
                            <!-- BUTTON -->
                            <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">下载</a>
                            <a class="tuor btn wow fadeInRight" href="#ABOUT">产品介绍<i
                                    class="fa fa-angle-down"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-md-offset-1 col-sm-4">
                    <div class="home-iphone">
                        <img src="images/iPhone_Home.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- END HEADER SECTION -->


<!-- =========================
    START ABOUT US SECTION
============================== -->


<section class="about page" id="ABOUT">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <!-- ABOUT US SECTION TITLE-->
                <div class="section_title">
                    <h2>产品介绍</h2>
                    <p>
                        雍和健康是一款以健康管理为主题的服务型APP，通过HRA健康风险评估体系进行筛查、采集健康数据分发云端存储、经智能分析，为用户提供健康风险评估、康复理疗、远程医疗服务，并结合智能可穿戴设备对用户身体指标进行智能检测、及时预警，为用户制定个性化康复方案。为用户提供的主要功能包含：健康报告管理、健康资讯、问诊论坛、康复方案、健康监测、健康商城和预约就诊、医疗保险模块，通过平台连接用户，构建全健康产业链服务链条，精准处达用户，推进全民健康。</p>
                </div>
            </div>

        </div>
    </div>
    <div class="inner_about_area">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="about_phone wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
                        <!-- PHONE -->
                        <img src="images/about_iphone.png" alt="">
                    </div>
                </div>
                <div class="col-md-6  wow fadeInRight" data-wow-duration="1s" data-wow-delay=".5s">
                    <!-- TITLE -->
                    <div class="inner_about_title">
                        <h2>为什么选择 <br>我们</h2>
                        <p>全民健康医疗产业集团是中国领先的医疗健康数据服务管理平台，是集健康筛查、康复、云数据、医联体信息化建设、智慧医疗、中西医结合等为一体的产业链集团。我们以“全民健康”为最高宗旨，全面构建全民健康生态系统 。立足自主研发、科技领先，结合中医学以及中国人群健康实际情况，实现治未病的目标，提出全面有效的慢性病解决方案。实践证明，在健康修复率方面，整体优于传统医学疾病干预率。我们倡导全生命周期管理，以精准健康为主线，科技创新为先导，规范管理为基础，实现可感知、可预防、可干预、可康复的健康管理目标。</p>
                    </div>
                    <div class="inner_about_desc">

                        <!-- SINGLE DESC -->
                        <div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1s">
                            <!-- ICON -->
                            <div><i class="pe-7s-timer"></i></div>
                            <!-- HEADING DESCRIPTION -->
                            <h3>专业的健康管理团队</h3>
                            <p>拥有专业的健康管理师团队,每天为您的健康保驾护航!</p>
                        </div>
                        <!-- END SINGLE DESC -->


                        <!-- SINGLE DESC -->
                        <div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1.5s">
                            <!-- ICON -->
                            <div><i class="pe-7s-target"></i></div>
                            <!-- HEADING DESCRIPTION -->
                            <h3>专业的医疗设备</h3>
                            <p>HRA系统,PMR微循环修复系统,康复系统等多种先进的医疗设备</p>
                        </div>
                        <!-- END SINGLE DESC -->
                    </div>
                </div>
            </div>
        </div>
    </div>


</section>
<!-- End About Us -->


<!-- END TESTIMONIAL SECTION -->


<!-- =========================
     START FEATURES
============================== -->
<section id="FEATURES" class="features page">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <!-- FEATURES SECTION TITLE -->
                <div class="section_title wow fadeIn" data-wow-duration="1s">
                    <h2>产品特征</h2>
                    <p>【H RA报告】</p>
                    <p>在线查看HRA健康风险评估报告，多达256项身体机能指标，身体脏器指标展示、预警监测</p>
                    <p>【健康资讯】</p>
                    <p>健康管理、养生、心理、运动、新闻、健康资讯，时事热点，新鲜资讯应有尽有</p>
                    <p> 【康复方案】</p>
                    <p>通过健康报告和监测数据为用户制定个性化康复方案，包括饮食、运动、中医、健身等治疗方案</p>
                    <p> 【智能检测】</p>
                    <p>连接智能可穿戴设备，实时监测各项生命指标，心率，血压、血氧等，及时健康预警</p>
                    <p> 【健康商城】</p>
                    <p>为用户提供高科技、智能、安全、可靠的医疗健康智能设备、中药、保险等健康产品在线购买平台</p>
                    <p> 【HRA健康风险评估系统】</p>
                    <p>
                        HRA设备是用于疾病早期健康筛查及健康状况评估系统,主要针对健康体—亚健康—病体这一区间对人体健康状态早期评估，把亚健康分为三级风险预警，对16种慢性疾病进行最早期的风险倾向预警提示，通过检测身体脏器机能数据指标结果，经过专业康复医师分析、指导潜在用户人群合理膳食，康复理疗、达到健康预警目的</p>
                    <p> 【HRA可检测16种慢病】
                    <p>甲状腺信息、高血压早期信息、细胞变异信息
                        、耳鼻喉、呼吸系统、骨骼肌肉神经系统、自主神经、体液酸碱信息、内循环和基础代谢、肾病早期信息、糖尿病早期信息、淋巴节点信息、肝脏信息、脊椎信息、感染、过敏</p>
                    <p>【HRA检测结果可判断亚健康级别】</p>
                    <p>一级健康——基本健康 ，二级健康——合格健康 ，三级健康——良好健康 ，四级健康——优秀健康 ，五级健康——完美健康 </p>
                    <p>通过判断亚健康级别,达到合理指导调节身体的目的,专业医师会为您做出解答,预防亚健康.并给出您合理的饮食建议和运动、康复理疗建议</p>
                </div>
                <!-- END FEATURES SECTION TITLE -->
            </div>
        </div>
    </div>

    <div class="feature_inner">
        <div class="container">
            <div class="row">
                <div class="col-md-4 right_no_padding wow fadeInLeft" data-wow-duration="1s">
                    <!-- FEATURE -->

                    <div class="left_single_feature">
                        <!-- ICON -->
                        <div><span class="pe-7s-like"></span></div>

                        <!-- FEATURE HEADING AND DESCRIPTION -->
                        <h3>HRA报告</h3>
                        <p>在线查看har报告,</p>
                    </div>

                    <!-- END SINGLE FEATURE -->


                    <!-- FEATURE -->
                    <div class="left_single_feature">
                        <!-- ICON -->
                        <div><span class="pe-7s-science"></span></div>

                        <!-- FEATURE HEADING AND DESCRIPTION -->
                        <h3>康复预约</h3>
                        <p>在线预约全国har检查,健康在身边</p>
                    </div>
                    <!-- END SINGLE FEATURE -->


                    <!-- FEATURE -->
                    <div class="left_single_feature">
                        <!-- ICON -->
                        <div><span class="pe-7s-look"></span></div>

                        <!-- FEATURE HEADING AND DESCRIPTION -->
                        <h3>名医挂号</h3>
                        <p>在线预约国内知名专家</p>
                    </div>
                    <!-- END SINGLE FEATURE -->

                </div>
                <div class="col-md-3">
                    <div class="feature_iphone">
                        <!-- FEATURE PHONE IMAGE -->
                        <img class="wow bounceIn" data-wow-duration="1s" src="images/iPhone02.png" alt="">
                    </div>
                </div>
                <div class="col-md-4 left_no_padding wow fadeInRight" data-wow-duration="1s">

                    <!-- FEATURE -->
                    <div class="right_single_feature">
                        <!-- ICON -->
                        <div><span class="pe-7s-monitor"></span></div>

                        <!-- FEATURE HEADING AND DESCRIPTION -->
                        <h3>健康资讯</h3>
                        <p>实时查看最新健康新闻</p>
                    </div>
                    <!-- END SINGLE FEATURE -->


                    <!-- FEATURE -->
                    <div class="right_single_feature">
                        <!-- ICON -->
                        <div><span class="pe-7s-phone"></span></div>

                        <!-- FEATURE HEADING AND DESCRIPTION -->
                        <h3>难症求医</h3>
                        <p>患者的家园,医生的天地</p>
                    </div>
                    <!-- END SINGLE FEATURE -->


                    <!-- FEATURE -->
                    <div class="right_single_feature">
                        <!-- ICON -->
                        <div><span class="pe-7s-gleam"></span></div>

                        <!-- FEATURE HEADING AND DESCRIPTION -->
                        <h3>康复方案</h3>
                        <p>一机在手,健康我有</p>
                    </div>

                    <!-- END SINGLE FEATURE -->
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END FEATURES SECTION -->


<!-- =========================
     START CALL TO ACTION
============================== -->
<div class="call_to_action">
    <div class="container">
        <div class="row wow fadeInLeftBig" data-wow-duration="1s">
            <div class="col-md-9">
                <p>除根源,治未病</p>
            </div>
            <div class="col-md-3">
                <a class="btn btn-primary btn-action" href="#" role="button">立即下载</a>
            </div>
        </div>
    </div>
</div>

<!-- END CALL TO ACTION -->


<!-- =========================
     Start APPS SCREEN SECTION
============================== -->
<section class="apps_screen page" id="SCREENS">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1 wow fadeInBig" data-wow-duration="1s">
                <!-- APPS SCREEN TITLE -->
                <div class="section_title">
                    <h2>产品截图</h2>
                    <p>快速了解产品!</p>
                </div>
                <!-- END APPS SCREEN TITLE -->
            </div>
        </div>
    </div>

    <div class="screen_slider">
        <div id="demo" class="wow bounceInRight" data-wow-duration="1s">
            <div id="owl-demo" class="owl-carousel">

                <!-- APPS SCREEN IMAGES -->
                <div class="item">
                   <img src="images/iPhone04.png"
                                                                                         width="60" height="60"
                                                                                         alt="APPS SCREEN"/>
                </div>
                <div class="item">
                  <img src="images/iPhone05.png"
                                                                                         width="60" height="60"
                                                                                         alt="APPS SCREEN"/>
                </div>
                <div class="item">
                   <img src="images/iPhone06.png"
                                                                                         width="60" height="60"
                                                                                         alt="APPS SCREEN"/>
                </div>
                <div class="item">
                    <img src="images/iPhone07.png"
                                                                                         width="60" height="60"
                                                                                         alt="APPS SCREEN"/>
                </div>
                <div class="item">
                    <img src="images/iPhone08.png"
                                                                                         width="60" height="60"
                                                                                         alt="APPS SCREEN"/>
                </div>
                <div class="item">
                    <img src="images/iPhone09.png"
                                                                                         width="60" height="60"
                                                                                         alt="APPS SCREEN"/>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- ENS APPS SCREEN -->


<!-- =========================
     Start FUN FACTS
============================== -->


<section class="fun_facts parallax">
    <div class="section_overlay">
        <div class="container wow bounceInLeft" data-wow-duration="1s">
            <div class="row text-center">
                <div class="col-md-4">
                    <div class="single_fun_facts">
                        <i class="pe-7s-cloud-download"></i>
                        <h2><span class="counter_num">6000</span> <span>+</span></h2>
                        <p>下载</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="single_fun_facts">
                        <i class="pe-7s-look"></i>
                        <h2><span class="counter_num">10000</span> <span>+</span></h2>
                        <p>点赞</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="single_fun_facts">
                        <i class="pe-7s-comment"></i>
                        <h2><span class="counter_num">6000</span> <span>+</span></h2>
                        <p>留言</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- END FUN FACTS -->


<!-- =========================
     START DOWNLOAD NOW 
============================== -->
<section class="download page" id="DOWNLOAD">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <!-- DOWNLOAD NOW SECTION TITLE -->
                <div class="section_title">
                    <h2>立即下载</h2>
                    <p>拿出手机扫一扫,下载体验吧!</p>
                </div>
                <!--END DOWNLOAD NOW SECTION TITLE -->
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="download_screen text-center wow fadeInUp" data-wow-duration="1s" style="width: 35%;margin: 0 auto;">
                    <img src="images/download_screen.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="available_store">
        <div class="container  wow bounceInRight" data-wow-duration="1s">
            <div class="col-md-6">
                <div class="available_title">
                    <h2>右侧点击下载</h2>
                    <!--<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>-->
                </div>
            </div>

            <!-- DOWNLOADABLE STORE -->
            <div class="col-md-6">
                <div class="row">
                    <a href="http://itunes.apple.com/app/id1229065448">
                        <div class="col-md-6 no_padding">
                            <div class="single_store">
                                <i class="fa fa-apple"></i>
                                <div class="store_inner">
                                    <h2>iOS</h2>
                                </div>
                            </div>
                        </div>
                    </a>
                    <div class="col-md-6 no_padding">
                        <!--<a href="http://yhapp.cqmjk.com/download">-->
                        <a href="javascript:void(0);" onclick="start()">
                            <div class="single_store">
                                <i class="fa fa-android"></i>
                                <div class="store_inner">
                                    <h2>ANDROID</h2>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- END DOWNLOADABLE STORE -->
        </div>
    </div>
</section>
<!-- END DOWNLOAD -->

<!-- =========================
     START CONTCT FORM AREA
============================== -->
<!-- END CONTACT -->


<!-- =========================
     FOOTER 
============================== -->

<section class="copyright">
    <h2></h2>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="copy_right_text">
                    <!-- COPYRIGHT TEXT -->
                    <p>Copyright &copy; 2017. All Rights Reserved.</p>
                    <p> <a href="http://www.cqmjk.com/">全民(北京)健康医疗数据有限公司</a></p>
                </div>

            </div>

            <div class="col-md-6">
                <div class="scroll_top">
                    <a href="#HOME"><i class="fa fa-angle-up"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="weixin-tip">
    <p>
        <img src="./images/live_weixin.png" alt="微信打开" class="img-weixin"/>
    </p>
</div>

<!-- END FOOTER -->


<!-- =========================
     SCRIPTS 
============================== -->


<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.parallax-1.1.3.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.ajaxchimp.langs.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/script.js"></script>


<script type="text/javascript">
    var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    function typeOs() {

//        if (isAndroid == true) {
//            window.location.href = "http://yhapp.cqmjk.com/download"
//        }else
        if (isiOS == true) {
            window.location.href = "http://itunes.apple.com/app/id1229065448"
        }
        else {
            window.location.href = "http://yhapp.cqmjk.com/download"
        }

        /*  alert('是否是Android：'+isAndroid);
         alert('是否是iOS：'+isiOS); */
    }

    function isWeixin() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }
    function start() {
        var winHeight = $(window).height();
        if (isWeixin()&&isAndroid) {
            $(".weixin-tip").css("height", winHeight);
            $(".navbar").hide();
            $(".weixin-tip").show();
        } else {
            typeOs();
        }
    }

</script>

</body>
</html>